<div class="pl-3 pr-3 bg-white">
    <h4>商品详情</h4>
</div>
<div class="p-2">
    <div class="card">
        <div class="card-body">
            <div>
                <div class="border-bottom">
                    <div class="card-body">
                        <div class="container m-0">
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label label-required text-right">品牌名称</label>
                                <div class="col-sm-10">
                                    <input [(ngModel)]="goods.goodsName" type="text" class="form-control" placeholder="请输入品牌名称">
                                    <div class="invalid-feedback">品牌名称是必填的</div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label label-required text-right">渠道名称</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col">
                                            <input [(ngModel)]="goods.goodsPrice" type="text" class="form-control" placeholder="请输入渠道名称">
                                            <div class="invalid-feedback">渠道名称是必填的</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label label-required text-right">基本单位</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col">
                                            <input [(ngModel)]="goods.goodsPrice" type="text" class="form-control" placeholder="请输入基本单位">
                                            <div class="invalid-feedback">基本单位是必填的</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label label-required text-right">陈列方式</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col">
                                            <input [(ngModel)]="goods.goodsPrice" type="text" class="form-control" placeholder="请输入陈列方式">
                                            <div class="invalid-feedback">陈列方式是必填的</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label label-required text-right">促销方式</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col">
                                            <input [(ngModel)]="goods.goodsPrice" type="text" class="form-control" placeholder="请输入促销方式">
                                            <div class="invalid-feedback">促销方式是必填的</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="border-bottom">
                    <div class="card-body">
                        <div class="container m-0">
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label label-required text-right">商品LOGO</label>
                                <div class="col-sm-10">
                                    <ts-image-card #tsUp [(src)]="goods.goodsThumb" [config]="options" title="点击选择"></ts-image-card>
                                </div>
                            </div>
                            <!-- <div class="form-group row">
                                <label class="col-sm-2 col-form-label label-required text-right">商品展示图</label>
                                <div class="col-sm-10">
                                    <ts-image-cards [(src)]="goods.goodsImages" [config]="options" title="点击选择"></ts-image-cards>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
                <div class="mt-2 m-btn">
                    <button routerLink="/basisinfo/info" tsBtn color="white">返回列表</button>
                    <button *ngIf="goods.id===0" tsBtn loading color="success" (submit)="confirmInsert($event)">确认添加</button>
                    <button tsBtn color="warning" (click)="resetForm()">添加新商品</button>
                    <button *ngIf="goods.id>0" tsBtn loading color="primary" (submit)="confirmUpdate($event)">确认修改</button>
                </div>
            </div>

        </div>
    </div>
</div>